﻿@model Sovigaz.Models.LoginViewModel
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Login</title>

    <link href="@Url.Content("~/Content/css/bootstrap.min.css")" rel="stylesheet">
    <!-- MetisMenu CSS -->
    <link href="@Url.Content("~/Content/css/plugins/metisMenu/metisMenu.min.css")" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="@Url.Content("~/Content/css/sb-admin-2.css")" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href="@Url.Content("~/Content/font-awesome/css/font-awesome.min.css")" rel="stylesheet">

    <script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
    <!-- Metis Menu Plugin JavaScript -->
    <script src="@Url.Content("~/Scripts/plugins/metisMenu/metisMenu.min.js")"></script>
    <style>
        .validation-summary-errors {
            color: #ff0000;
        }

            .validation-summary-errors ul {
                padding: 0;
                list-style-type: none;
            }
    </style>
</head>
<body>
    <script>
        $(function () {
            $('#username,#password').keypress(function (e) {
                if (e.keyCode === 13)
                    $('form').submit();
            });
        });
    </script>
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Vui lòng đăng nhập</h3>
                    </div>
                    <div class="panel-body">
                        @using (Html.BeginForm())
                        {
                            @Html.ValidationSummary(false)
                            <fieldset>
                                <div class="form-group">
                                    <input type="text" id="username" name="Username" class="form-control" placeholder="Tên đăng nhập" />
                                </div>
                                <div class="form-group">
                                    <input type="password" id="password" name="Password" class="form-control" placeholder="Mật khẩu" />
                                </div>
                                <!-- Change this to a button or input when using this as a form -->
                                <a href="javascript:$('form').submit();" class="btn btn-lg btn-success btn-block">Đăng nhập</a>
                            </fieldset>
                        }
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
